@extends('admin.layout')

@section('content')
  <div class='container'>
    <div class='row page-title-row'>
      <div class='col-md-6'>
        <h3>文章<small>» 列表</small></h3>
      </div>
      <div class='col-md-6 text-right'>
        <a href='/admin/post/create' class='btn btn-success btn-md'>
          <i class='fa fa-plus-circle'></i>创建新文章
        </a>
      </div>
    </div>

    <div class='row'>
      <div class='col-sm-12'>
        @include('admin.partials.errors')
        @include('admin.partials.success')

        <table id='posts-table' class='table table-striped table-bordered'>
          <thead>
            <tr>
              <th>发布时间</th>
              <th>标题</th>
              <th>副标题</th>
              <th data-sortable='false'>操作</th>
            </tr>
          </thead>
          <tbody>
            @foreach ($posts as $post)
              <tr>
                <td data-order='{{ $post->published_at->timestamp }}'>
                  {{ $post->published_at->format('Y-m-d g:i:a') }}
                </td>
                <td>{{ $post->title }}</td>
                <td>{{ $post->subtitle }}</td>
                <td>
                  <a href='/admin/post/{{ $post->id }}/edit' class='btn btn-xs btn-info'>
                    <i class='fa fa-edit'></i>编辑
                  </a>
                  <a href='/blog/{{ $post->slug }}' class='btn btn-xs btn-warning'>
                    <i class='fa fa-eye'></i>查看
                  </a>
                </td>
              </tr>
            @endforeach
          </tbody>
        </table>
      </div>
    </div>
  </div>
@stop

@section('scripts')
  <script>
    $(function(){
      $('#posts-table').DataTable({
        order: [[0, 'desc']]
      });
    });
  </script>
@stop